const path = require('path')

module.exports = {
  // 修改 webpack 配置
  configureWebpack: {
    // 在此处可以修改 Webpack 的配置项，例如添加插件等
    plugins: [
      // 你可以在这里添加其他插件
    ]
  },

  // 配置开发服务器（devServer）
  devServer: {
    // 设置开发服务器的主机和端口
    host: '0.0.0.0',
    port: 8111,
    open: true,
    // 配置代理，解决跨域问题
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8110/api',  // 去掉末尾的 /api
        changeOrigin: true,
      }
    },
  },

  // 配置输出目录
  // outputDir: 'dist',  // 构建后的输出目录
  // 设置输出目录为上一级的dist文件夹
  outputDir: path.resolve(__dirname, '../dist'),

   // 如果你想让静态资源路径正确，可以设置publicPath
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',

  // 配置路径别名
  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', require('path').resolve(__dirname, 'src')) // 设置 @ 为 src 目录
  },

  // 开启 CSS 提取
  css: {
    extract: true, // 提取 CSS
    sourceMap: false, // 是否开启 CSS sourceMap
  },

  // 配置生成的生产环境文件
  productionSourceMap: false, // 是否生成 sourceMap 文件，通常在生产环境下可以关闭
}
